export function One(props: any) {
  console.log(props, '传参的数据');
  console.log(Object.isFrozen(props), '检测是否是一个冻结对象'); // true

  // 是否是一个密封对象
  // Object.isSealed()

  // 是否是一个可扩展的对象
  // Object.isExtensible()

  // 实现一个浅拷贝
  const fokeProps = { ...props };
  fokeProps.title = '我是一个jsx';
  console.log(fokeProps.title, ' =》复刻的对象');

  let num = 1;
  // setInterval(() => {
  // setInterval(() => {
  //   num++;
  //   console.log(num, 'num');
  // }, 1000);
  return (
    <>
      <div className="one-box">我是一个 jsx</div>
      <p>创建一个 One 组件, 函数的首字母必须大写</p>
      <p>{props.label}</p>
      <>{props.children}</>
      <hr />
      <>当前的一个数字, 是否有变化 {num}</>
      <hr />
      <div>props 默认是一个冻结对象, 被冻结的对象不能被修改,不能被删除,不能被添加</div>
    </>
  );
}
